<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        img {
            width: 100%;
            height: 100%;
            clear: both;
        }

        div {
            border: 1px solid red;
            margin: 4px;
            background: white;
        }
    </style>
</head>
<body style="background:#f4f4f4;">

<div style="float: left; width: 20%; height: 410px"><img src="1.webp"></div>
<div style="float: left; width: 20%; height: 410px"><img src="2.webp"></div>

<div style="float: left; width: 20%; height: 200px;text-align: center; ">
    <b style="font-size: 25px">京东超市</b><i style="color: darkgrey">一站式屯生活好物</i><br><br>
    <img src="3.webp" style="width: 45%; height: 70%">
    <img src="4.webp" style="width: 45%; height: 70%">
</div>

<div style="float: left; width: 20%; height: 200px;text-align: center">
    <b style="font-size: 25px">京东时尚</b><i style="color: darkgrey">服饰美妆好物</i><br><br>
    <img src="5.webp" style="width: 45%; height: 70%">
    <img src="6.webp" style="width: 45%; height: 70%">
</div>

<div style="float: left; width: 20%; height: 200px">div</div>
<div style="float: left; width: 20%; height: 200px">div</div>
<div style="float: left; width: 20%; height: 200px">div</div>
<div style="float: left; width: 20%; height: 200px">div</div>
<div style="float: left; width: 20%; height: 200px">div</div>
<div style="float: left; width: 20%; height: 200px">div</div>
</body>
</html>